<template>
  <div class="tishikuang">
    <div class="spantexttow">
      &nbsp;&nbsp;{{asr.text1}}。
    </div>
    <div class="anjain">
      <a href="#"><span class="inputs">{{asr.text2}}</span></a>
      <a href="#"><span class="inputs">{{asr.text3}}</span></a>
    </div>
  </div>
</template>

<script>
import getlink from "../../apis/getapi"
export default {
   data() {
        return {
            asr:{},
        };
    },
    mounted() {
        getlink("/data/list/xiaoming").then((ok)=>{
            console.log(ok.data.gonggao);
            this.asr = ok.data.gonggao
        })
    }
};
</script>

<style scoped>
.tishikuang {
  display: flex;
  width: 90%;
  height: 1.5rem;
  background: #e6e6e6;
  margin :auto;

  border-radius: 0.2rem;
  flex-direction: column;
  justify-content: space-between;
}
.spantexttow {
  width: 100%;
  height: 50px;
  font-size: 0.14rem;
}
.anjain {
  width: 1.1rem;
  height: 0.3rem;
  margin-left: 2rem;
  display: flex;
  justify-content: space-between;
}
.inputs {
  display: flex;
  font-size: 0.1rem;
  font-weight: 100px;
  width: 0.5rem;
  height: 100%;
  line-height: 0.3rem;
  color: coral;
}
</style>